<div style="height: 38px;background:skyblue; line-height:38px;">
    数据中心选择：
      <nz-dropdown-button (nzClick)="log($event)">
        金融港b8机房
        <ul nz-menu>
          <li nz-menu-item>
            <a target="_blank" rel="noopener noreferrer" href="javascript:;">金融港b8机房</a>
          </li>
          <li nz-menu-item>
            <a target="_blank" rel="noopener noreferrer" href="javascript:;">2nd menu item</a>
          </li>
          <li nz-menu-item>
            <a target="_blank" rel="noopener noreferrer" href="javascript:;">3rd menu item</a>
          </li>
        </ul>
      </nz-dropdown-button>
      楼层选择：
      <nz-dropdown-button (nzClick)="log($event)">
        2楼
        <ul nz-menu>
          <li nz-menu-item>
            <a target="_blank" rel="noopener noreferrer" href="javascript:;">2楼</a>
          </li>
          <li nz-menu-item>
            <a target="_blank" rel="noopener noreferrer" href="javascript:;">3楼</a>
          </li>
          <li nz-menu-item>
            <a target="_blank" rel="noopener noreferrer" href="javascript:;">3楼</a>
          </li>
        </ul>
      </nz-dropdown-button>
      
      楼层操作：
      <button nz-button [nzType]="'primary'" [nzGhost]="true">
          <i class="anticon anticon-plus-circle-o"></i>
        <span>新增</span>
      </button>
      <button nz-button [nzType]="'primary'" [nzGhost]="true">
          <i class="anticon anticon-edit"></i>
        <span>修改</span>
      </button>
      <button nz-button [nzType]="'primary'" [nzGhost]="true">
          <i class="anticon anticon-delete"></i>
        <span>删除</span>
      </button>
      <input class="checkbox" type="checkbox" [(ngModel)]='isdraw'/>: <button nz-button [nzType]="'primary'" (click)='isStartDraw()' >点击绘图</button>
    </div>


<div id="fathers" >
    <div class="son" *ngFor="let roo of rooms; index as i;" id=room_{{i}} (click)='moveTarget(i)'
    (dblclick)='goMachineRoom(i)'
     [ngStyle]="{'top.px': roo.y,'left.px':roo.x,'width.px':roo.width,'height.px':roo.height}"><span>room_{{i}}</span><br><span>{{roo.name}}</span>
        <div class="editing" style="width:10px;height:10px;position:absolute;right:-5px;bottom:-5px;"></div>
     </div>
</div>
<div id="father" *ngIf="isdraw">
    <div class="son" id={{room.id}} [ngStyle]="{'top.px': room.y,'left.px':room.x,'width.px':room.width,'height.px':room.height}"></div>
</div>
<div class="room-info">
    <div>
        <span>机房名称</span> <input type="text" [(ngModel)]='roomName'>
    </div>
<div>
        <span>长</span> <input type="text" placeholder="设置区域的长" >
    </div><div>
        <span>宽</span> <input type="text" placeholder="设置区域的宽">
    </div>
    <div style="text-align: center">
    <button nz-button [nzType]="'primary'" (click)='saveInfo()'>
      保存
    </button>
    <button nz-button [nzType]="'primary'">
      取消
    </button>
    </div>
</div>
